
@include popup-input;
@include tip;
// .container{
//     @include padding-box(0 0 190rpx 0)
// }
.container{
	background: linear-gradient(180deg, #40C5FD 0%, #01A77C 16%, #C5EAFC 35%, #A1F4B6 100%);
	padding-bottom: 160rpx;
	// height: 100vh;
}
// .bg-image{
//     position: relative;
//     z-index: 1;
// }
.head{
    position: relative;
	color: #ffffff;
	padding: 0 32rpx;
    // position: fixed;
    // z-index: 9;
    .custom-title{
        // position: relative;
        // z-index: 9;
	}
}
.head-box {
	margin-top: 675rpx;
}
.tips{
    // position: relative;
    font-size: $font-small;
}
.invitation-people{
    // position: relative;
    background: #fff;
    border-radius: 24rpx;
    display: flex;
	align-items: center;
	padding: 32rpx;
	position: relative;
	overflow: hidden;
	.bg-border {
		position: absolute;
		top: -100rpx;
		right: -100rpx;
		width: 236rpx;
		height: 236rpx;
		border-radius: 118rpx;
		border: 42rpx solid #E9FFFC;
		box-sizing: border-box;
	}
    .img{
        width: 128rpx;
        height: 128rpx;
		border-radius: 50%;
    }
    .info{
        margin-left: 16rpx;
        color: $blackish-green;
    }
    .info-name{
        display: flex;
        align-items: center;
        font-weight: 600;
		font-size: 36rpx;
    }
    .days{
        @include padding-box(10rpx 16rpx);
		background: rgba(0, 214, 121, 0.16);
		color: rgba(0, 214, 121, 1);
        border-radius: 24rpx;
        font-size: 20rpx;
        margin-left: 6rpx;
    }
    .welcome-text{
        color: #6B6B86;
        font-size: 28rpx;
    }
}

.content-head {
	width: 100%;
	height: 112rpx;
	background: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManagerac02b074-8e80-488b-83b0-b15c265771e2.png") no-repeat;
	background-size: 100%;
	margin-top: 30rpx;
}
.content-head-2 {
	width: 100%;
	height: 112rpx;
	background: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManager814cc434-0728-42db-a676-bebe6099b8b9.png") no-repeat;
	background-size: contain;
	margin-top: 30rpx;
}

.order {
	width: 32rpx;
	height: 32rpx;
	border-radius: 16rpx;
	background: #00D679;
	color: #fff;
	line-height: 32rpx;
	text-align: center;
	margin-right: 10rpx;
	font-size: 24rpx;
}
.content-title {
	font-size: 40rpx;
	color: #023E2A;
	font-weight: bold;
}
.mg-b-56 {
	margin-bottom: 56rpx;
}
.content-body {
	background: #fff;
	border-radius: 24rpx;
	padding: 56rpx 70rpx;
	margin-top: -24rpx;
}
.content-body-2 {
	padding: 38rpx 24rpx 28rpx;
}
.cotent-detail {
	font-size: 28rpx;
	color: #6B6B86;
	text-align: center;
}

.icon-img {
	width: 80rpx;
	height: 80rpx;
	flex-shrink: 0;
	margin-right: 24rpx;
}
.flex-box {
	background: #EDFFFC;
	border-radius: 14rpx;
	padding: 52rpx 25rpx;
	margin-bottom: 24rpx;
}
.name {
	font-size: 32rpx;
	color: #202536;
}
.details {
	font-size: 24rpx;
	color: #6B6B86;
	margin-top: 16rpx;
}

.foot {
    width: 100vw;
    height: 140rpx;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.foot .long-btn {
    margin-top: 3vw;
    background: #00D679;
}
.popup-title {
	font-size: 36rpx;
	color: #004E74;
	font-weight: bold;
	background: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManager27e6f052-ce80-473c-993b-71af00731e16.png") no-repeat;
	background-size: cover;
	height: 88rpx;
	width: 100%;
	text-align: center;
	padding-top: 66rpx;
}
.popup-box{
    @include padding-box(0 40rpx 60rpx);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.popup-text{
	width: 135rpx !important;
	color: #004E74;
}
.letter-spacing {
	letter-spacing: 32rpx;
}
// .body{
//     // margin-top: 588rpx;
// }
.tabs-i-active{
    margin-bottom: 20rpx;
}
.scroll{
    height: 715rpx;
    overflow: hidden;
    transform: translateY(0);
    border-radius: 0 0 20rpx 20rpx;
    width: 715rpx;
    margin: 0 auto;
}
.popup {
	padding: 0 !important;
}
.close {
	color: #3D3D3D !important;
}
.short-btn {
	background: #00D679;
}
.short-btn-active {
	background: rgba(0, 214, 121, 0.3) !important;
}

.small-bg {
	width: 668rpx;
	height: 178rpx;
	display: block;
	position: absolute;
	left: 50rpx;
	top: -128rpx;
	z-index: 10;
}